<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="short icon" href="http://img1.37wanimg.com/www/images/common/37/favicon.ico">
    <title>dts</title>
</head>
<body>

<div class="mask" id="mask"></div>

<div class="header" id="dts_header">
    <div class="dts-header-box">
        <div class="dts-image-box">
            <img src="./static/images/header-bar_e922960.jpg" alt="大天使之剑">
        </div>
        <div class="account-button" id="account_button">
            <a href="#">
                <img src="./static/images/startGame_be7db20.png" alt="">
            </a>
        </div>
    </div>
    <div class="account-login" id="account">
        <div class="account-box">
            <a class="close-box" id="close_box">
                <i class="close"></i>
            </a>
            <div class="account-content">
                <div class="account-header">
                    <ul id="account_items">
                        <li class="active" id="register_item">用户注册</li>
                        <li id="login_item">用户登录</li>
                    </ul>
                </div>

                <div class="account-body">
                    <ul id="account_body">
                        <li>
                            <div class="register">
                                <form action="#" class="form-item-box">
                                    <div class="form-item">
                                        <label for="new_username">账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
                                        <input type="password" id="new_username" placeholder="请输入账号">
                                    </div>
                                    <small>4-20个字符,由字母或数字组成!</small>

                                    <div class="form-item">
                                        <label for="new_password">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</label>
                                        <input type="password" id="new_password" placeholder="请输入密码">
                                    </div>
                                    <small>长度6-20个字符！</small>

                                    <div class="form-item">
                                        <label for="confirm">确认密码：</label>
                                        <input type="password" id="confirm" placeholder="请输入密码">
                                    </div>
                                    <small>长度6-20个字符！</small>
                                    <div class="button-box">
                                        <input type="image" src="./static/images/reg_32b5829.png"  alt="register" class="button">
                                    </div>
                                </form>

                            </div>
                        </li>
                        <li>
                            <div class="login">
                                <form action="#" class="form-item-box">
                                    <div class="form-item">
                                        <label for="username">账号：</label>
                                        <input type="text" id="username" placeholder="请输入用户名">
                                    </div>
                                    <small>4-20个字符,由字母或数字组成!</small>
                                    <div class="form-item">
                                        <label for="password">密码：</label>
                                        <input type="password" id="password" placeholder="请输入密码">
                                    </div>
                                    <small>长度6-20个字符！</small>
                                    <div class="button-box">
                                        <input type="image" src="./static/images/login_b9f33b2.png" alt="login" class="button">
                                    </div>
                                </form>
                            </div>
                        </li>
                    </ul>
                </div>


                <div class="quickLogin">
                    <span>快捷登录：</span>
                    <a href="#" class="weibo">
                        <img src="./static/images/weibo_5.png" alt="weibo">
                    </a>
                    <a href="#" class="qq">
                        <img src="./static/images/qq_5.png" alt="qq">
                    </a>
                </div>


            </div>
        </div>
    </div>
</div>

<div class="banner-box">
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image:url('./static/images/nav-1_85f95cd.jpg')"></div>
                <div class="swiper-slide" style="background-image:url('./static/images/nav-2_ae0af44.jpg')"></div>
                <div class="swiper-slide" style="background-image:url('./static/images/nav3_028ec33.jpg')"></div>
                <div class="swiper-slide" style="background-image:url('./static/images/nav-1_85f95cd.jpg')"></div>
                <div class="swiper-slide" style="background-image:url('./static/images/nav-2_ae0af44.jpg')"></div>
                <div class="swiper-slide" style="background-image:url('./static/images/nav3_028ec33.jpg')"></div>
            </div>
        </div>

    </div>
</div>

<div class="introduce">
    <div class="introduce-box">
        <div class="intro-header">
            <p>游戏介绍</p>
        </div>
        <div class="intro-content">
            <p>《大天使之剑H5》是一款改编自经典页游《大天使之剑》的H5游戏，游戏以炫酷的画面，丰富的打击感为主要特色。《大天使之剑H5》延续了经典
                暗黑风格，呈现出原汁原味的奇迹MU冒险。华丽的装备造型、震撼的技能特效，逼真细腻的场景，精致光影视觉，融入奇迹MU端游核心等玩法基
                础，进行大胆创新，SLG竞技场，城池战，五职业自由组合，绝对是你不可错过的魔幻冒险盛宴！</p>
        </div>
        <div class="intro-bottom">
            <div class="bottom-bg"></div>
        </div>
    </div>
</div>

<div class="comments">
    <div class="comments-box">
        <div class="comments-header">
            <p>玩家评论</p>
        </div>
        <div class="comments-content">
            <div class="comments-body">
                <div class="avatar">
                    <img src="./static/images/avatar1_af93ab1.png" alt="">
                </div>
                <div class="left">
                    <div class="user-id">爱生活爱游戏</div>
                    <div class="range">
                        <div class="star">
                            <span>★★★★★</span>
                        </div>
                        <div class="like">
                            <span>(3456)</span>
                            <span>❤</span>
                        </div>
                    </div>
                    <div class="comm">场景漂亮，制作精良</div>
                    <div class="pic">
                        <img src="./static/images/comment-tu1_0e0b465.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="comments-body">
                <div class="avatar">
                    <img src="./static/images/avatar2_194b1ae.png" alt="">
                </div>
                <div class="left">
                    <div class="user-id">老天使</div>
                    <div class="range">
                        <div class="star">
                            <span>★★★★★</span>
                        </div>
                        <div class="like">
                            <span>(456)</span>
                            <span>❤</span>
                        </div>
                    </div>
                    <div class="comm">有特色，不错，推荐</div>
                    <div class="pic">
                        <img src="" alt="">
                    </div>
                </div>
            </div>
            <div class="comments-body">
                <div class="avatar">
                    <img src="./static/images/avatar3_13d49c0.png" alt="">
                </div>
                <div class="left">
                    <div class="user-id">老司机</div>
                    <div class="range">
                        <div class="star">
                            <span>★★★★★</span>
                        </div>
                        <div class="like">
                            <span>(8456)</span>
                            <span>❤</span>
                        </div>
                    </div>
                    <div class="comm">不解释，就是干</div>
                    <div class="pic">
                        <img src="./static/images/comments-tu2_8638216.jpg" alt="">
                    </div>
                </div>
            </div>
            <div class="comments-body">
                <div class="avatar">
                    <img src="./static/images/avatar4_48f183c.png" alt="">
                </div>
                <div class="left">
                    <div class="user-id">天下第一刀</div>
                    <div class="range">
                        <div class="star">
                            <span>★★★★★</span>
                        </div>
                        <div class="like">
                            <span>(956)</span>
                            <span>❤</span>
                        </div>
                    </div>
                    <div class="comm">体验超赞，操作简捷，超赞</div>
                    <div class="pic">
                        <img src="" alt="">
                    </div>
                </div>
            </div>
            <div class="page">
                <span><<</span>
                <span>上一页</span>
                <span class="active">1</span>
                <span>2</span>
                <span>3</span>
                <span>下一页</span>
                <span>>></span>
            </div>
        </div>

        <div class="comments-bottom">
            <div class="bottom-bg"></div>
        </div>
    </div>

</div>

<div class="info">
    <div class="info-box">
        <div class="info-header">
            <p>游戏信息</p>
        </div>
        <div class="detail">
            <div class="detail-row">
                <div class="left">
                    <span>游戏名称：</span>
                </div>
                <div class="right">
                    <span>大天使之剑h5</span>
                </div>
            </div>
            <div class="detail-row">
                <div class="left">
                    <span>开发公司：</span>
                </div>
                <div class="right">
                    <span>广州三七互娱</span>
                </div>
            </div>
            <div class="detail-row">
                <div class="left">
                    <span>游戏类型：</span>
                </div>
                <div class="right">
                    <span>角色扮演</span>
                </div>
            </div>
            <div class="detail-row">
                <div class="left">
                    <span>游戏画面：</span>
                </div>
                <div class="right">
                    <span>2d</span>
                </div>
            </div>
        </div>
        <div class="info-bottom">
            <div class="bottom-bg"></div>
        </div>
    </div>

</div>

<div class="startButton">
    <img src="./static/images/startGame2_23b42a5.png" alt="">
</div>


</body>
</html>